<template>
  <div style="width: 100%">
    <a-card class="card" title="本年度招生单位初始化" :bordered="false">
      <unit-form :TYPE0387.sync="TYPE0387"/>
    </a-card>
    <a-card class="card" title="本年度招生信息初始化" :bordered="false">
      <info-form :TYPE0387.sync="TYPE0387"/>
    </a-card>
    <!-- <a-card class="card" title="本年度招生研究方向序列初始化" :bordered="false">
      <research-form :TYPE0387.sync="TYPE0387"/>
    </a-card> -->
  </div>
</template>

<script>
import infoForm from './formComponents/infoForm'
import researchForm from './formComponents/researchForm'
import unitForm from './formComponents/unitForm'
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState({
      TYPE0387: state => state.app['TYPE0387']
    })
  },
  components: {infoForm, unitForm, researchForm},
  created () {
    this.$store.dispatch('app/setDictionary', 'TYPE0387')
  }
}
</script>

<style lang="less" scoped>
.card{
  margin-bottom: 20px;
}
</style>
